
<html>
<head>

  <link href="../owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="../owl-carousel/owl.theme.css" rel="stylesheet">

</head>
    <body>
      <div id="demo">
        <div class="container">
          <div class="row">
            <div class="span12">
              <div id="owl-demo" class="owl-carousel">
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl1_zpsa4983f91.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl2_zpsafe3ce1f.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl3_zpsb7f8c9dc.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl4_zpsddbfa06c.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl5_zps4096acea.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl6_zpse47fa1c1.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl7_zpsbbb81eee.jpg" alt="Owl Image"></div>
                <div class="item"><img src="http://i44.photobucket.com/albums/f19/Sabai_Dee/owl8_zps01257c17.jpg" alt="Owl Image"></div>
              </div>
              
            </div>
          </div>
        </div>
    </div>
    
   <script src="../assets/js/jquery-1.9.1.min.js"></script> 
    <script src="../owl-carousel/owl.carousel.js"></script>


   
    <!-- Demo -->

    <style>
    #owl-demo .item{
        margin: 3px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }
    </style>
    <!--------------------------->
     <script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]
      });

    });
    </script>

  </body>
</html>
